<%@ page isELIgnored="false" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%!
    /*
     * Обрати внимание на восклицательный знак. Это Объявление JSP и
     * используется для объявления переменных и методов в скриптовом языке
     * страницы. Если скриптовый язык - Java, переменные и методы в объявлениях
     * JSP становятся объявлениями в классе сервлета страницы JSP.
     */
    public String getDataString() {
        return new java.util.Date().toString();
    }
%>

<c:choose>
    <c:when test="${pageContext.request.method=='GET'}">
        <c:set target="${pageContext.response}" property="contentType" value="text/html; charset=UTF-8"/>
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
            <head>
                <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
                <title>test-ajax</title>
                <script src="/js/jquery-1.7.1.js" type="text/javascript"></script>
                <script type="text/javascript">
               
                    $(document).ready(function(){
                        
                        function MyAjax (){
                            
                            console.log("my-ajax");
                         
                            $.ajax({
                                url: "/test/test-ajax.jsp",
                                type:"POST",
                                data:{data:$("#data").val()},
                                beforeSend:function(jqXHR, settings){
                                    console.log("before send");
                                    console.debug(settings);
                                    if (settings.data.lastIndexOf("del")>-1) { //data (набор параметров запроса) при передаче преобразуется в строку
                                        if (confirm("Request an Ajax ?") ) {
                                            ;
                                        } else {
                                            return false;
                                        }
                                    }
                                },
                                success: function(data){
                                    console.log("success");
                                    console.debug(data);
                                    $("#result").append($("<p/>").text(data));
                                },
                                error:function(jqXHR, textStatus, errorThrown){
                                    console.log("error");
                                },
                                dataType:"json"
                            });
                        }
                        
                        $("#getajax").click(function(e){
                            e.preventDefault();
                            MyAjax();
                        });
                        
                    });
            
                </script>

            </head>
            <body>
                <p>text ajax requested GET method</p>
                <form>
                    <fieldset>
                        <legend>get ajax</legend>
                        <label title="dcsd">
                            <span>Если в строке присутствует del, должно быть запрошено подтверждение</span>
                            <input type="text" value="json here" name="data" id="data"/>
                        </label>
                        <button id="getajax" name="getajax">Get AJAX</button>
                    </fieldset>
                    <p><%=getDataString()%></p>
                </form>
                <div id="result">
                    <!-- filled with ajax -->
                </div>
            </body>
        </html>
    </c:when>
    <c:otherwise>

        <c:set target="${pageContext.response}" property="contentType" value="text/javascript;charset=UTF-8"/>
        <jsp:useBean id="jsonb" class="ua.org.energy.vkek.site.server.TestJsonBean"/>
        <% //установка свойств JavaBean в соответствии с именами параметров запроса  %>
        <jsp:setProperty name="jsonb" property="*"/>
        <c:out value="${jsonb.data}" escapeXml="false"/>
        <c:out value="${jsonb.nextData}" escapeXml="false"/>
        
    </c:otherwise>
</c:choose>










